<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>干货踢馆到你家</title>
  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
  <meta name="format-detection" content="telephone=no">
  <meta name="format-detection" content="email=no">
  <link rel="stylesheet" href="css/style.css">
  <style>
    .linebtn{
      display: block;
      width: 5rem;
      height: 1.5rem;
      margin-bottom: 1rem;
      float: right;
      margin-right: 1.5rem;
      background: url(img/share/linebtn.png) no-repeat center/contain;
    }
    .tz-box{
      margin-bottom: 1.25rem;
    }
  </style>
</head>
<body class="share-bg">
<section class="page-share">
  <div class="tit"></div>
  <div class="user-info">
    <p class="user-name">微信昵称sdf都是</p>
    <div class="tic"></div>
    <p class="comment">
      a撒娇福利卡健身房了撒深刻地激发 飞拉屎咖啡姐 奥斯卡防静电
      阿斯蒂芬李加三分傲娇受弗利萨看发生了副科级三烦死了快。
    </p>
  </div>
  <div class="img-box">
    <div class="img1" style="background: url(img/zs1.gif) no-repeat center/contain;"></div>
    <div class="img2" style="background: url(img/zs2.gif) no-repeat center/contain;"></div>
    <div class="js"></div>
  </div>
  <div class="tz-box">
    <a href="javascript:" class="spbtn"></a>
    <a href="javascript:" class="gmbtn"></a>
  </div>
  <a href="tel:400-6666-225" class="linebtn"></a>
</section>
<script>
  var docEl = document.documentElement,
      resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
      recalc = function() {
        docEl.style.fontSize = 20*(docEl.clientWidth/375)+'px';
      };
  window.addEventListener(resizeEvt, recalc, false);
  document.addEventListener('DOMContentLoaded', recalc, false);

  /* 加载音效 */
  var Media = new Audio('audio/bg.mp3');
  Media.addEventListener('loadeddata', function () {
    Media.loop = true;
    Media.play();
  });
</script>
</body>
</html>